
.userregist {
  background-color: #f5f5f5;

  .wrapper {
     background-color: #fff;
     padding-bottom: 30px;
     .title {
         height: 80px;
         line-height: 80px;
         padding-left: 30px;
         background-color: #27BA9B;
         h1 {
            font-size: 30px;
            color: #fff;
         }
         user-select: none;
     }
     form {
       width: 400px;
       display: block;
       margin: 0 auto;
       .public{
          width: 100%;
          height: 50px;
          border: 1px solid #e4e4e4;
          margin: 30px 0;
          input {
             width: 100%;
             height: 100%;
             padding-left: 10px;
             box-sizing: border-box;
          }
       }

       .code {
           position: relative;
           a {
              position: absolute;
              right: -15px;
              top: 15px;
              color: #27BA9B;
              width: 120px;
              font-size: 14px;
           }
       }

       .aggred{
          font-size: 14px;
          span {
             color: #27BA9B;
          }
       }

       .btn {
          margin: 10px 0;
          input {
             width: 100%;
             height: 50px;
             background-color: #3498db;
             border-radius: 5px;
             color: #fff;
             cursor: pointer;
             font-size: 20px;
             letter-spacing: 2px;
          }
       }
     }
     
  }
}